<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // <template>
        //     <div>{{msg}}</div>
        // </template>
        // vue 本身来讲写在template中的代码其实是js代码

        // 一开始将初始数据渲染在页面上 并通过调用render函数来渲染dom 当vue发现有template标签时会调用render函数将内部的dom结构渲染在文档中
        // 转化为dom的过程需要使用createElement()

        // 但是模板中的数据会发生变化 我们期望在数据发生改变后将新的数据重新渲染在文档中 
        // 所以就需要diff算法 diffrent(不同的意思) 会递归整个dom树 找到发生变化的dom并提换掉他
        //为了能够和原始dom进行对比 需要将元素dom结构备份 拿变化后的dom结构和元素dom结构进行对比 找到发生变化的dom并提换掉他
    </script>
</body>
</html>